
.grade-box {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: #F5F6F7;
}

.grade-main-box {
  height: auto;
  width: 60%;
  margin: 20px 20%;
  background: #F5F6F7;
  text-align: center;


}

.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}

.demo-tabs .custom-tabs-label .el-icon {
  vertical-align: middle;
}

.demo-tabs .custom-tabs-label span {
  vertical-align: middle;
  margin-left: 4px;
}

.is-active {
  color: white !important;
  background-color: #35a121 !important;
}

.el-tabs__item {
  height: 60px;
  color: white !important;
  text-align: center;
  padding-top: 10px;
  font-size: 25px !important;
  background-color: blue !important;
}

:deep( .el-tabs__nav-scroll ) {
  background: #FFFFFF;
}

:deep( .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active) {
  color: black;
}

.grade-sco {
  width: 100%;
  height: auto;
  background: #FFFFFF;
}

